<template>
  <div class="msite-restaurants-list">
    <div class="current-title">
      <span> 附近商家 </span>
    </div>
    <business-list :business-list="restaurants" />
  </div>
</template>

<script>
import BusinessList from "components/content/business/BusinessList";
export default {
  props: {
    restaurants: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    BusinessList,
  },
};
</script>
<style lang="less" scoped>
.msite-restaurants-list {
  padding: 10px 0;
  background-color: #fff;
  font-size: 13px;
  .current-title {
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #c5ad99;
  }
}
</style>